.unVisible {
  display: none;
}
.moreMenu {
  display: flex;
  flex-direction: column;
  position: absolute;
  bottom: 0px;
  z-index: 500;
  width: 200px;
  background-color: var(--main-bg-color);
  box-shadow: 0px 0px 5px var(--gray);
  border-radius: 5px;
  overflow-y: scroll;
}
.moreMenu::-webkit-scrollbar {
  display: none;
}
.moreMenu > div:nth-child(5) {
  border-bottom: 0.5px solid var(--gray);
}
@media (min-width: 0) and (max-width: 1250px) {
  .moreMenu {
    position: fixed;
    max-height: 100vh;
    min-height: min-content;
    top: 0;
    left: 0;
    bottom: none;
  }
}
